<template>
  <div style="width: 100%;height: 100%">
    <loading> v-model="isLoading"></loading>
    <div>
      index
      <transition :name="'vux-pop-' + (direction === 'forward' ? 'in' : 'out')">
        <router-view class="router-view"></router-view>
      </transition>
    </div>
  </div>
</template>
<script>
  import Loading from './../../components/loading/index.vue'
  import { mapState } from 'vuex'
  export default{
    components: {
      Loading
    },
    computed: {
      ...mapState({
        isLoading: state => state.vux.isLoading
      })
    },
    ready(){
      console.log("ready")
    }
  }
</script>
<style>
  .router-view {
    width: 100%;
    height: 100%;
    background: orange;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    backface-visibility: hidden;
  }
</style>
